<template>
  <main class="_bc4egv">
    <div id="main-content" tabindex="0" class="_s217esa">Main content</div>
    <div class="_vtegui">
      <div class="_e296pg" style="background-color: rgb(255, 255, 255)">
        <HeroHeading />

        <CoursesNav />

        <div class="_10f5isdo">
          <button
            class="_a6pvs2x"
            data-testid="scroll-button"
            title="Jump to: Why Khan Academy works"
            aria-label="Jump to: Why Khan Academy works"
          >
            <svg
              aria-hidden="true"
              class="_xcj67v"
              focusable="false"
              width="16"
              height="9"
              viewBox="0 0 16 9"
            >
              <path
                fill="#ffffff"
                d="M13.9558 0.330316C14.3874 -0.101316 15.0872 -0.101316 15.5189 0.330316C15.9505 0.761948 15.9505 1.46176 15.5189 1.89339L8.88728 8.52497C8.45564 8.9566 7.75583 8.9566 7.3242 8.52497L0.692621 1.89339C0.260988 1.46176 0.260988 0.761948 0.692621 0.330316C1.12425 -0.101316 1.82407 -0.101316 2.2557 0.330316L8.10574 6.18036L13.9558 0.330316Z"
              ></path>
            </svg>
          </button>
        </div>

        <WhyWorks />

        <Differentiate />

        <LearnAnything />

        <SayGood />

        <GiveThem />

        <JoinToday />

        <Supporters />
      </div>
    </div>
  </main>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import HeroHeading from "./HeroHeading.vue";
import CoursesNav from "./CoursesNav.vue";
import WhyWorks from "./WhyWorks.vue";
import Differentiate from "./Differentiate.vue";
import LearnAnything from "./LearnAnything.vue";
import SayGood from "./SayGood.vue";
import GiveThem from "./GiveThem.vue";
import JoinToday from "./JoinToday.vue";
import Supporters from "./Supporters.vue";
export default defineComponent({
  components: {
    HeroHeading,
    CoursesNav,
    WhyWorks,
    Differentiate,
    LearnAnything,
    SayGood,
    GiveThem,
    JoinToday,
    Supporters,
  },
  setup() {
    return {};
  },
});
</script>
